<template>
	<view>
		
		<view style="margin-top:128rpx;background-color: #ffffff;">
			<view class='mtlr30' style="padding:20rpx 0">
				<u-row
						justify="space-between"
						gutter="10"
				>
					<u-col span="2" textAlign="center">
						<view class="demo-layout bg-purple">排名</view>
					</u-col>
					<u-col span="3" textAlign="center">
						<view class="demo-layout bg-purple-light">团队名</view>
					</u-col>
					<!-- <u-col span="3" textAlign="center">
						<view class="demo-layout bg-purple">所属部门</view>
					</u-col> -->
					<u-col span="4" textAlign="center">
						<view class="demo-layout bg-purple-light">本月完成业绩</view>
					</u-col>
				</u-row>
		
			</view>
		</view>
		
		
		<view style="margin-top:10rpx;background-color: #ffffff;">
			
			<view  v-for=" (item,index) in teamList" :key="index" >
				<view style="padding: 20rpx 0;" class='mtlr30' >
					<u-row 
						
						justify="space-between"
						gutter="10"	
						
					>
						<u-col span="2" textAlign="center">
							<view class="demo-layout bg-purple">{{ index+1 }}</view>
						</u-col>
						<u-col span="3" textAlign="center">
							<view class="demo-layout bg-purple-light">{{ item.business.real_name }}</view>
						</u-col>
						<!-- <u-col span="3" textAlign="center">
							<view class="demo-layout bg-purple">{{ item.department }}</view>
						</u-col> -->
						<u-col span="4" textAlign="center" v-if="type == 'team' ">
							<view class="demo-layout bg-purple-light">{{ item.team_reward_points }}</view>
						</u-col>
						<u-col span="4" textAlign="center" v-else>
							<view class="demo-layout bg-purple-light">{{ item.reward_points }}</view>
						</u-col>
					</u-row>
				</view>
				<view class="vertical-divider"></view>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		name:"yejilist",
		props:{
			teamList:{
				default:[],
				type:Array
			},
			type:{
				default:"",
				type:String
			}
		},
		data() {
			return {
						
			};
		}
	}
</script>

<style scoped>
.vertical-divider {
	width: 100%;
	height: 2rpx;
	background-color: #ccc;

}
</style>